$(function () {
  const form = layui.form
  const layer = layui.layer
  let state = 1

  // * 1. 加载富文本框
  initEditor()

  // * 2. 提交表单【已发布】
  $('#submit2').click(function() {  state = 0 })

  $('.layui-form').on('submit', function () {
    const data = form.val('article-form')

    $.post('https://zhi.zeng.pub/big-event/my/article/add', { ...data, state }).then(res => {
      if (res.code !== 200) return layer.msg('发布失败')

      location.href = './article-list.html'
    })
    
    return false
  })

  // * 3. 上传封面图
  $('.upload-cover').click(function () {
    $('#file-input').trigger('click')
  })

  $('#file-input').change(function () {
    // 获取选择的文件
    const file = this.files[0]
    const formData = new FormData()
    formData.append('file', file)
    // 上传图片
    $.ajax({ method: 'post', url: 'https://zhi.zeng.pub/big-event/my/article/upload', data: formData, contentType: false, processData: false }).then(
      (res) => {
        const { data, msg } = res
        if (msg !== 200) return layer.msg('上传失败')

        $('.upload-cover').prop('src', data[0])
        $('#cover').val(data[0])
      }
    )
  })

  // *4. 渲染文章列表选项
  $.get('https://zhi.zeng.pub/big-event/my/article/cates').then((res) => {
    // 将数据渲染到下拉框中
    $('select[name=cate_id]').html(template('cate-tmp', res))

    // 重新加载表单
    form.render()
  })
})
